<script setup lang="ts">
  // ctrl + /  快速生成注释
  // <!-- ctrl + s   保存 -->

  // 导入vant的按钮组件
  import { Button } from 'vant'

  // 导入stores下的index,并创建store对象
  import { useUserStore } from '@/stores/index'

  const stores = useUserStore()

</script>

<template>
  <div>
  <!-- 点击"登陆"按钮,调用stores将用户数据对象保存,数据对象至少包含:token,id,username等,在一行代码内完成 -->
  <Button type="primary" @click="stores.setUser({ token: 'abc123', id: 1, username: '用户' })">登陆</Button>

  <!-- 点击"退出"按钮,删除stores存储的用户数据 -->
  <Button type="danger" @click="stores.delUser()">退出</Button>



  <pre>










</pre>


<!-- 使用导入的按钮 -->
<Button type="primary">主要按钮</Button>


  </div>
</template>

<style scoped>


</style>
